<form id="form" name="form" action="{$modal.href}" method="post" class="nyroModal">
{include file="$MODULES_DIR/backoffice/templates/block/modal/ModalTitle.html" title=$blockParams.blockLabel}
<div id="modalContent">
    <div id="modalTabs">
    <ul>
        <li><a class="selected" href="#" title="{t}Content{/t}" rel="tab1"><span>{t}Content{/t}</span></a></li>
        <li><a href="#" title="{t}Properties{/t}" rel="tab2"><span>{t}Properties{/t}</span></a></li>
        <li><a href="#" title="{t}Skinning{/t}" rel="tab3"><span>{t}Skinning{/t}</span></a></li>
    </ul>
    </div>
    
    <!----------------------------------- TAB1 ---------------------------------->
    <div id="tab1" class="modalTab">
        <table class="listTable">
            <tr>
                {t assignTo=iconTitle}Folder - You can select a folder. If no folder is selected, the block will display all medias.{/t}
                <td style="width:16px;">
                    {icon name="help.png" class="toolTip icon16" title="$iconTitle"}
                </td>
                <td>{t}Medias folder{/t} :</td>
                <td>
                    {if $hasValues}
                    <select name="form[folder]">
                        {foreach from=$folders item=folder}
                        <option value="{$folder.value}" {if $folder.selected}selected{/if}>{$folder.label}</option>
                        {/foreach}
                    </select>
                    {else}
                        {t}There are no folders in the mediatheque{/t}
                    {/if}
                </td>
            </tr>
        </table>
    </div>
    <!----------------------------------- TAB2 ---------------------------------->
    <div id="tab2" style="display:none" class="modalTab">
        <table class="listTable">
            <tr>
                <td>{t}Display Title{/t}</td>
                <td>
                    <select name="form[displayTitle]">
                        <option value="1">{t}Yes{/t}</option>
                        <option value="0" {if !$blockParams.displayTitle}selected="selected"{/if}>{t}No{/t}</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>{t}Display Author{/t}</td>
                <td>
                    <select name="form[displayAuthor]">
                        <option value="1">{t}Yes{/t}</option>
                        <option value="0" {if !$blockParams.displayAuthor}selected="selected"{/if}>{t}No{/t}</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>{t}Display Date{/t}</td>
                <td>
                    <select name="form[displayDate]">
                        <option value="1">{t}Yes{/t}</option>
                        <option value="0" {if !$blockParams.displayDate}selected="selected"{/if}>{t}No{/t}</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>{t}Display Size{/t}</td>
                <td>
                    <select name="form[displaySize]">
                        <option value="1">{t}Yes{/t}</option>
                        <option value="0" {if !$blockParams.displaySize}selected="selected"{/if}>{t}No{/t}</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>{t}Display Dimmension{/t}</td>
                <td>
                    <select name="form[displayDim]">
                        <option value="1">{t}Yes{/t}</option>
                        <option value="0" {if !$blockParams.displayDim}selected="selected"{/if}>{t}No{/t}</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>{t}Display Picture Name{/t}</td>
                <td>
                    <select name="form[displayName]">
                        <option value="1">{t}Yes{/t}</option>
                        <option value="0" {if !$blockParams.displayName}selected="selected"{/if}>{t}No{/t}</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>{t}Number of images per line{/t} :</td>
                <td>
                    <select name="form[nbLine]">
                        <option value="auto">{t}Auto{/t}</option>
                        {section name=loop start=1 loop=10}
                        {if $smarty.section.loop.index == $blockParams.nbLine}
                            <option selected="selected">{$smarty.section.loop.index}</option>
                        {else}
                            <option>{$smarty.section.loop.index}</option>
                        {/if}
                        {/section}
                    </select>
                </td>
            </tr>
            <tr>
                <td>{t}Number of images per page{/t} :</td>
                <td>
                    <select name="form[nbPicture]">
                        <option value="0">{t}All{/t}</option>
                        {section name=loop start=1 loop=21 step=1}
                        {if $smarty.section.loop.index == $blockParams.nbPicture}
                            <option selected="selected">{$smarty.section.loop.index}</option>
                        {else}
                            <option>{$smarty.section.loop.index}</option>
                        {/if}
                        {/section}
                    </select>
                </td>
            </tr>
            <tr>
                <td>{t}Display pagination{/t}</td>
                <td>
                    <select name="form[displayPag]">
                        <option value="1">{t}Yes{/t}</option>
                        <option value="0" {if !$blockParams.displayPag}selected="selected"{/if}>{t}No{/t}</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>{t}Active details{/t}</td>
                <td>
                    <select name="form[details]">
                        <option value="1">{t}Yes{/t}</option>
                        <option value="0" {if !$blockParams.details}selected="selected"{/if}>{t}No{/t}</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>{t}Display Sub Gallery{/t}</td>
                <td>
                    <select name="form[displaySubGal]">
                        <option value="1">{t}Yes{/t}</option>
                        <option value="0" {if !$blockParams.displaySubGal}selected="selected"{/if}>{t}No{/t}</option>
                    </select>
                </td>
            </tr>
        </table>
    </div>
    <!----------------------------------- TAB3 ---------------------------------->
    <div id="tab3" style="display:none" class="modalTab">
        <table class="listTable">
            <tr>
                {t assignTo=help}CSS class - You can define an additional css class to differ galery blocks{/t}
                <td style="width:16px;">
                    {icon name="help.png" class="toolTip icon16" title=$help}
                </td>
                <td>{t}Additional block CSS class{/t}</td>
                <td>
                    <input type="text" name="form[css]" value="{$blockParams.css}" class="medium" />
                </td>
            </tr>
            <tr>
                {t assignTo=help}Picture - Maximum size of the image in the galery. If the image is not properly formatted it will not be displayed.{/t}
                <td style="width:16px;">
                    {icon name="help.png" class="toolTip icon16" title=$help}
                </td>
                <td>{t}Picture size in list{/t}</td>
                <td>
                    <input type="text" name="form[picWidth]" value="{$blockParams.picWidth}" class="verySmall" /> /
                    <input type="text" name="form[picHeight]" value="{$blockParams.picHeight}" class="verySmall" /> px
                </td>
            </tr>
            <tr>
                {t assignTo=help}Picture - Maximum size of the image in the details. If the image is not properly formatted it will not be displayed.{/t}
                <td style="width:16px;">
                    {icon name="help.png" class="toolTip icon16" title=$help}
                </td>
                <td>{t}Picture size in detail{/t}</td>
                <td>
                    <input type="text" name="form[picWidthDetail]" value="{if isset($blockParams.picWidthDetail)}{$blockParams.picWidthDetail}{/if}" class="verySmall" /> /
                    <input type="text" name="form[picHeightDetail]" value="{if isset($blockParams.picHeightDetail)}{$blockParams.picHeightDetail}{/if}" class="verySmall" /> px
                </td>
            </tr>
            <tr>
                {t assignTo=help}View - You can define an other view to get another template{/t}
                <td style="width:16px;">
                    {icon name="help.png" class="toolTip icon16" title=$help}
                </td>
                <td>{t}View template{/t}</td>
                <td>
                    <input type="text" name="form[view]" value="{$blockParams.view}" class="medium" />
                </td>
            </tr>
        </table>
    </div>
</div>
{include file="$MODULES_DIR/backoffice/templates/block/modal/ModalFooter.html"}
</form>